@import url(http://fonts.googleapis.com/css?family=Ubuntu:300);
/*
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
*/

/*
@author:	Erik Andersson
@date:		2013-04-23

--------------------------------------
Structure:
--------------------------------------

=Font faces
=Base blocks
=Common classes
=Navigation
=Layout
=Forms
=Modules and Content
=Liferay Components
=Liferay Portlets
=Custom Portlets
=Articles
=Debugging
=Sandbox

--------------------------------------
COLORS:
--------------------------------------

VGR Blue				#005095
VGR Blue semi-light		#06579c
VGR Blue light			#2e71a8

New colors
VGR Blue light	#dfebf5

TODO
--------------------------------------


/*----------------------------------------------------------------------
=Font faces
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
=Base blocks
----------------------------------------------------------------------*/

/*------- html and body -------*/

body {
	background: #fff;
	color: #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/*------- wrapper -------*/

#wrapper {
	background: none;
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}

.ie6 #wrapper {
}

.header-inner,
.content-inner,
.footer-inner {
	margin: 0;
	padding: 0;
	margin: 0 auto;
	max-width: 1100px;
}

/*------- banner (header) -------*/

#banner {
	background: transparent;
}

#heading {
	margin: 0;
	padding: 15px 0;
}

.company-title {
	position: relative;
}

.company-title,
#banner .company-title .logo {
	display: block;
	float: left;
	margin: 0;
	width: 410px;
}

.company-title-responsive,
#banner .company-title-responsive .logo {
	float: none;
}

#banner .company-title .logo {
	background: url(../images/logo/logo-vgr-innovationsslussen.png) 0 0 no-repeat;
	font-size: 0;
	height: 41px;
	text-indent: -9999em;
}

#banner .company-title-responsive .logo {
}

.company-title-responsive {
	display: none;
}

.top-navigation {
	float: right;
	margin: 0;
	position: relative;
}

/*------- content -------*/

#content {
	min-height: 400px;
	position: relative;
}

/* Hide node info */
.content-inner > .portlet-msg-info {
	display: none;
}

body > .portlet-msg-info {
	display: none;
}

#main-content {
	margin: 15px 0;
}

#main-content.innovationsslussen-startpage {
	margin-top: 0;
}


.has-breadcrumbs #main-content {
	margin-top: 5px;
}

/*- tools sidebar -*/

#toolsSidebar {
	position: absolute;
	right: 0;
	top: 10px;
	width: 46px;
}

/*- Tyck till -*/

#tycktillWrap {
}

#tycktillWrap a {
	background: #2c6fa7 url(../images/tyck-till/tyck-till-text.png) center center no-repeat;
	border: 1px solid #255d8c;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	display: block;
	font-size: 0;
	height: 100px;
	text-indent: -9999em;
	position: relative;
}

#tycktillWrap a:hover {
	background-color: #255d8c;
}

/*------- footer -------*/

#footer {
	background: #eef4fa url(../images/bg/footer-bg.png) top left repeat-x;
	padding: 0;
	width: 100%;
}

.footer-inner {
	background: transparent url(../images/bg/footer-bg-shadow.png) top center no-repeat;
	color: #005095;
	padding: 20px 0;
}

.footer-content {
}

#footer .logo {
    background: url(../images/logo/vgr-logo-large-transparent.png) no-repeat scroll 0 0 transparent;
    display: block;
	font-size: 0;
    height: 51px;
    margin: 0 auto;
    text-align: center;
    width: 252px;
}

#footer .logo span {
    font-size: 0;
    text-indent: -9999em;
}

.server-info {
	color: #aaa;
	padding: 2px 10px;
	text-align: right;
}

/*------- Common elements -------*/

h1, h2, h3 {
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	margin: 1em 0 0.4em 0;
}

h1 {
	color: #327cb4;
	font-size: 2.5em;
	margin: 0.4em 0 0.4em 0;
}

h2 {
	color: #444;
	font-size: 1.8em;	
}

h3 {
	color: #666;
}

h4 {
	font-size: 14px;
}

p.intro {
	color: #555;
	font-size: 1.2em;
	font-weight: bold;
}

a,
a:visited {
	color: #2f72a9;
	text-decoration: underline;
}

a:hover {
	color: #2f72a9;
	text-decoration: none;
}

a.rp-link,
a.rp-link:visited {
	background: url(../images/icons/link-icon.png) 0 50% no-repeat;
	padding-left: 20px;
	text-decoration: none;
}

a.rp-link:hover {
	text-decoration: none;
}

a.rp-link:hover span {
	text-decoration: underline;
}

.rp-link-wrap {
	margin: 10px 0;
}

.rp-link-wrap-last {
	margin-bottom: 0;
} 

.rp-link-wrap-left {
	text-align: left;
}

.rp-link-wrap-right {
	text-align: right;
}

.text-highlight-1 {
    color: #ff0000;
}

.text-highlight-2 {
    font-size: 1.2em;
    font-weight: bold;
}

/* ---------- Hidden Accessible ---------- */

#skip-to-content,
#banner h2,
#banner h3,
#navigation h1 {
	clip: rect(0 0 0 0);
	position: absolute;
}


/*----------------------------------------------------------------------
=Common classes
----------------------------------------------------------------------*/

.clear {
	clear: both;
}

.hidden {
	display: none;
	visibility: hidden;
}

.el-hide {
    display: none;
}

.dummy-box {
    background: #ccc;
    height: 100px;
    width: 100%;
}

.dummy-image {}

.dummy-image-full {
	width: 100%;
}

.spacer-box {
    height: 20px;
    width: 100%;
}

/* Clearfix style clearing */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* Clearfix style clearing for rp-columns */
.rp-columns:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.rp-columns{display:inline-block}
* html .rp-columns{height:1%}
.rp-columns{display:block}

.opens-new-window-accessible {
	background: url(../images/icons/icon-popup.png) 0 0 no-repeat;
	font-size: 0;
	overflow: hidden;
	text-indent: -5000px;
}


.iframe-wrap {
	height: 100%;
	width: 100%;
}

.label {
	font-weight: bold;
}

.checked {
    background-image: url(../images/common/checked.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

.unchecked {
    background-image: url(../images/common/unchecked.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

/*----------------------------------------------------------------------
=Navigation
----------------------------------------------------------------------*/


/*------- Top navigation -------*/
ul.top-nav-list {
	background: #fff url(../images/navigation/top-navigation-bg.png) bottom left repeat-x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: 0px 1px 4px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 4px 0px #cccccc;
	box-shadow: 0px 1px 4px 0px #cccccc;	
	
	border: 1px solid #d5e0ea;
	
	float: right;
	list-style: none;
	margin: 0;
	padding: 5px;
	position: relative;
	
	padding: 0 5px;
}

ul.top-nav-list li {
	background: transparent url(../images/navigation/topnav-sep.png) 100% 50% no-repeat;
	display: block;
	float: left;
	padding: 0 9px 0 8px;
	margin: 0;
	
	background: none;
	border-right: 1px solid #e0e0e0;
	padding: 0;
}

ul.top-nav-list li.last {
	background: none;
	
	border-right: none;
}

.top-nav-list a,
.top-nav-list li > span {
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 5px 5px;
	text-decoration: none;
	
	padding: 10px 10px;
}

.top-nav-list li > span {
	color: #777;
}

ul.top-nav-list li a:hover {
	background-color: #e4edf9;
}

ul.top-nav-list li a.active {
	background-color: #4d79b4;
	color: #fff;
}

ul.top-nav-list li .login-link-portlet > a {
    padding: 0px;
}

/*------- Main navigation -------*/

#navigation {
	background: url(../images/navigation/nav-shadow-24.png) bottom center no-repeat;
	padding: 0 0 27px 0;
	margin: 0;
}

#navigation > ul {
	background: #2f6ea1 url(../images/navigation/navigation-bg-normal.png) top left repeat-x;
	border-bottom: 1px solid #245780;
	border-top: 1px solid #29699e;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	clear: both;
	cursor: pointer;
	display: block;
	list-style: none;
	margin: 0 auto;
	padding: 1px 2px;
	position: relative;
	z-index: 10;
}

#navigation ul.nav-list li {
	background: url(../images/navigation/navigation-separator.png) top right repeat-y;
	display: block;
	float: left;
	padding: 0 2px 0 0;
	position: relative;
	zoom: 1;
}

#navigation ul.nav-list li a {
	background: transparent;
	color: #fff;
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#navigation ul.nav-list li a span {
	display: block;
	height: 16px;
	line-height: 16px;
	padding: 10px 14px;
}

#navigation ul.nav-list li:first-child a span {
	background: url(../images/navigation/nav-home-icon.png) 50% 50% no-repeat;
	padding-left: 30px;
	font-size: 0;
	text-indent: -9999em;
}

/* Hover */
#navigation ul.nav-list li.hover > a,
#navigation ul.nav-list li:hover > a {
	background: #3a84c1 url(../images/navigation/navigation-bg-hover.png) top left repeat-x;
	color: #fff;
}

/* Selected */
#navigation ul.nav-list > li.selected > a,
#navigation ul.nav-list > li.selected.hover > a,
#navigation ul.nav-list > li.selected:hover > a {	
	background: #548332 url(../images/navigation/navigation-bg-active.png) top left repeat-x;
	color: #fff;
}

#navigation ul.nav-list li.add-idea {
	float: right;
}

#navigation ul.nav-list li.add-idea a {
	background: #f2f2f2 url(../images/navigation/navigation-bg-highlight.png) 0 0 repeat-x;
	color: #3177ae;
	font-weight: bold;
}

#navigation ul.nav-list li.add-idea a span {
	background: transparent url(../images/icons/icon-add-24.png) 10px 50% no-repeat;
	min-height: 16px;
	padding-left: 32px;
}

#navigation .nav-list-sub-wrap {
	background: transparent url(../images/navigation/navigation-sub-bg-arrow.png) top left no-repeat;
	display: none;
	left: 0;
	padding: 11px 0 0 0;
	position: absolute;
	top: 100%;
	width: 200px;
	z-index: 598;
}

/* Sub List */
#navigation ul.nav-list ul {
	background: #f9f9fb;
	border: 1px solid #bbc6ce;
	border-top: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 598;
}

#navigation  ul.nav-list ul li {
	background: #f9f9fb;
	border-bottom: 1px solid #dadfe5;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
}

#navigation  ul.nav-list ul li.last {
	border-bottom: 0;
}

#navigation ul.nav-list ul li a {
	background: transparent;
	color: #2f72a9;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	padding: 10px;
	text-decoration: none;
}

.ie7 #navigation ul.nav-list ul li a { display: inline-block; }
.ie7 #navigation ul.nav-list ul li a { display: block; }

#navigation ul.nav-list ul li a:hover {
}

/* Show dropdown on hover */
#navigation  ul.nav-list > li:hover > ul {
	
}

#navigation  ul.nav-list > li:hover > .nav-list-sub-wrap {
	display: block;
}

/*------- Navigation Menu Button (used with responsive design) -------*/

#navigationTrigger {
	background: #3a84c1 url(../images/navigation/navigation-bg-hover.png) top left repeat-x;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #2b699b;
	color: #fff;
	display: block;
	float: none;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.0;
	margin: 10px 0 0 0;
	padding: 10px;
	position: relative;
	text-decoration: none;
	text-shadow: 1px 1px #1e4e76;
	text-transform: none;
}

#navigationTrigger.menu-active {
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-bottom: none;
}

#navigationButtonMenu {
	margin-top: -17px;
	overflow: hidden;
	position: absolute;
	z-index: 5000;
	width: 100%;
}

#navigationButtonMenu ul {
	background: #3a84c1;
	border: 1px solid #2b699b;
	list-style-type: none;
	margin: 0 40px;
	padding: 0;
}

#navigationButtonMenu ul li {
	border-bottom: 1px solid #2f73a9;
	margin: 0;
	padding: 0;
}

#navigationButtonMenu ul li.expanded {
	background: #548332;
}

#navigationButtonMenu ul li a {
	border-bottom: 1px solid #468cc6;
	color: #fff;
	display: block;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	padding: 10px;
	text-decoration: none;
	text-shadow: 1px 1px #1e4e76;
}

#navigationButtonMenu ul li.last,	
#navigationButtonMenu ul li.last > a {
	border-bottom: none;
}

#navigationButtonMenu ul li a:hover {
	background: #2f6ea1 url(../images/navigation/navigation-bg-normal.png) 0 0 repeat-x;
}

#navigationButtonMenu ul li.selected > a,
#navigationButtonMenu ul li.selected > a:hover {
	background: #548332 url(../images/navigation/navigation-bg-active.png) top left repeat-x;
}

#navigationButtonMenu ul ul {
	background: #548332;
	border: 1px solid #416824;
	border-width: 1px 0 0 1px;
	margin: 0 0 0 10px;
	padding: 0;
}

#navigationButtonMenu ul ul li {
	border-bottom: none;
}

#navigationButtonMenu ul ul li a {
	background: #f0f1f5 url(../images/navigation/nav-bg-gray.png) top left repeat-x;
	border-bottom: 1px solid #c4ced5;
	color: #2f73a9;
	text-shadow: 1px 1px #fff;
}

#navigationButtonMenu ul ul li a:hover {
	background: #fff url(../images/navigation/nav-bg-gray-reversed.png) top left repeat-x;
}

#navigationButtonMenu ul ul li.last {
	border-bottom: none;
}

/* Hide responsive navigation */
#navigationTrigger,
#navigationTrigger {
	display: none;
}

/* ---------- Breadcrumbs ---------- */

#breadcrumbs {
	border-bottom: 1px solid #ddd;
	margin: 8px 0;
	padding: 8px 0;
}

#breadcrumbs .breadcrumbs-list-wrap {}

#breadcrumbs .breadcrumbs-label {
	float: left;
	margin-right: 5px;
	position: relative;
}

#breadcrumbs ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#breadcrumbs ul li {
	background: url(../images/arrows/arrow-right-blue.png) right center no-repeat;
	display: block;
	float: left;
	margin: 0 5px;
	padding: 0 15px 0 0;
	position: relative;
}

#breadcrumbs ul li:last-child,
#breadcrumbs ul li.last {
	background: none;
	padding-right: 0;
}

#breadcrumbs h1 {
	margin: 5px 0;
}

/*----------------------------------------------------------------------
=Layout
----------------------------------------------------------------------*/

/* ---------- Layouts (general) ---------- */

.portlet-column-content {
	padding: 5px 20px;
}

.portlet-column-content-only,
.ltr .portlet-column-content-last,
.rtl .portlet-column-content-first {
	padding-right: 0;
}

.portlet-column-content-only,
.ltr .portlet-column-content-first,
.rtl .portlet-column-content-last {
	padding-left: 0;
}

/* ---------- RP columns (general) ---------- */

.rp-columns {}

.rp-columns .portlet-layout {
	border-collapse: inherit;
	display: block;	
}

.rp-columns div.portlet-column {
	display: block;
	float: left;
}

.rp-columns div.aui-w70 { width: 69.9%; }
.rp-columns div.aui-w50 { width: 49.9%; }
.rp-columns div.aui-w33 { width: 33.3%; }
.rp-columns div.aui-w30 { width: 29.9%; }

.rp-columns .portlet-column-content {
	padding: 5px 15px;
}

.rp-columns .portlet-column-content-first {
	padding-left: 0;
}

.rp-columns .portlet-column-content-last  {
	padding-right: 0;
}

/* ---------- RP columns Start Page ---------- */


/* ---------- RP Columns Landing Page ---------- */

.rp-columns-landing-page {
	padding-top: 10px;
}

.rp-columns-landing-page .portlet-column-content {
	border: none;
}

.rp-columns-landing-page .portlet-column-content-first {
	padding-left: 0;
}

.rp-columns-landing-page .portlet-column-content-last  {
	border-right: none;
	padding-right: 0;
}

/* ---------- System Page ---------- */

.rp-columns-system-page div.aui-w70 {
	width: 100%;
}

.rp-columns-system-page div.aui-w30 {
	display: none;
}

.rp-admin.controls-visible .rp-columns-system-page div.aui-w70 {
	width: 69.9%;
}

.rp-admin.controls-visible .rp-columns-system-page div.aui-w30 {
	display: block;
	width: 29.9%;
}

/* ---------- RP Columns 1-2 type-1 ---------- */

.rp-columns-1-2-type-1 {}

.rp-columns-1-2-type-1 .rp-main-layout-wrap {
	float: none;
	width: 100%;
}

.rp-columns-1-2-type-1 div.rp-sidebar {
	display: none;
}

.rp-admin.controls-visible .rp-columns-1-2-type-1 .rp-main-layout-wrap {
	float: left;
	width: 69.9%;
}

.rp-admin.controls-visible .rp-columns-1-2-type-1 div.rp-sidebar {
	display: block;
	width: 29.9%;
}

/*----------------------------------------------------------------------
=Forms
----------------------------------------------------------------------*/

input[type="text"],
input[type="password"],
input[type="file"],
input[type="submit"],
input[type="button"],
input[type="reset"],
select,
textarea,
.textarea,
button,
a.link-button,
a:visited.link-button {
	background-image: url(../images/forms/input_shadow.png);
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: #bfbfbf #dedede #dedede #bfbfbf;
	font: 1em Arial, Helvetica, Verdana, sans-serif;
	padding: 5px 1px;
}

input[type="text"],
input[type="password"],
input[type="file"],
select,
textarea,
.textarea {
	background: #fff;
	border: 1px solid #c4Ced5;
}

input[type="text"],
input[type="password"],
input[type="file"],
textarea,
.textarea {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

input[type="text"].focus,
input[type="password"].focus,
input[type="file"].focus,
textarea.focus {
	background: #fff;
	border-color: #CAD2DD;
}


.form-general {
	margin: 3px 6px 0;
}

.form-general label {
	display: block;
	margin: 0 4px 0 0;
}

.form-general input,
.form-general select,
.form-general textarea {
	margin: 0;
}

.form-general .alt {
	display: inline;
	margin: 0 3px 0 0;
}

.form-general .alt1 {
	float: left;
	width: 50%;
}

.form-general .alt2 {
	float: right;
	width: 50%;
}

.text, .radio,
.checkbox, .select {
	margin: 0 0 3px;
}

.text div,
.radio div,
.checkbox div,
.select div {
	margin-left: 20px;
}

.text input {
	width: 27em;
}

.text textarea {
	height: 10em;
	width: 27em;
}

.pwd input {
	width: 6em;
}

.form-general fieldset {
	border: 1px solid #ccc;
	margin: 1em 0;
	padding: 5px 8px;
}

.control-group {
	margin: 1em 0;
}

.checkbox, .radio {
	white-space: nowrap;
}

.checkbox input,
.radio input {
	vertical-align: middle;
}

.checkbox label,
.radio label {
	display: inline;
	margin-left: 3px;
	vertical-align: middle;
}

.alt label {
	display: inline;
}

.submit-area {
	clear: both;
	margin: 1em 0 0.5em;
	text-align: center;
}

.size-1 input { width: 50px; }
.size-2 input { width: 100px; }
.size-3 input { width: 200px; }
.size-4 input { width: 300px; }


/*------- aui forms -------*/

.aui-fieldset-legend {
	color: #333;
}

.aui-legend {
	border: none;
}

.manage-layouts .lfr-page-layouts .lfr-layout-template .aui-field-label {
	max-width: 120px;
	overflow: hidden;
	max-height: 17px;
}

/*------- Buttons and Link buttons -------*/

.link-button-wrap {
	margin: 10px 0;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button,
a.link-button,
a:link.link-button,
a:visited.link-button {
	background: #f5f5f5 url(../images/forms/button.png) repeat-x 0 0;
	border-color: #dedede #bfbfbf #bfbfbf #dedede;
	color: #34404f;
	cursor: pointer;
	font-weight: bold;
	overflow: visible;
	padding: 5px;
	width: auto;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:hover,
button:focus,
a.link-button:hover {
	background: #dff4ff;
	border: 1px solid #a7cedf;
	color: #369;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button,
.lfr-actions,
.lfr-actions ul,
a.link-button,
a:link.link-button,
a:visited.link-button {
	background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
	border: 1px solid;
	border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9Ca;
	color: #34404F;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover,
.lfr-actions:hover,
.lfr-actions:hover ul,
a.link-button:hover {
	background: #b9ced9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
	border-color: #627782;
	color: #369;
}

input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
button:focus,
.lfr-actions:focus,
.lfr-actions:focus ul,
a.link-button:focus {
	background: #ebebeb url(../images/application/state_active_bg.png) repeat-x 0 0;
	border-color: #555;
}

/* -- IE6 chokes on attribute selectors in a chain, so we separate them into their own rule -- */

.ie6 input.text,
input.password,
.ie6 input.submit,
.ie6 input.file,
.ie6 input.button,
.ie6 button,
.ie6 a.link-button {
	background-image: url(../images/forms/input_shadow.png);
	background-repeat: no-repeat;
	border: 1px solid;
	border-color: #bfbfbf #dedede #dedede #bfbfbf;
	font: 1em Arial, Helvetica, Verdana, sans-serif;
	padding: 5px 1px;
}

.ie6 input.submit,
.ie6 input.button,
.ie6 button,
.ie6 .aui-button-disabled input.submit,
.ie6 .aui-button-disabled input.button,
.ie6 .aui-button-disabled button,
.ie6 a.link-button {
	background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
	border-color: #dedede #bfbfbf #bfbfbf #dedede;
	color: #34404f;
	cursor: pointer;
	font-weight: bold;
	padding: 5px;
}

a.link-button,
a:link.link-button {
	text-decoration: none;
}

/*------- Link button mod -------*/

.link-button-mod:visited,
.link-button-mod {
	background: #2f6ea1 url(../images/buttons/banner-communicate-button.png) top left repeat-x;
	border: 1px solid #29699e;
	border-bottom-color: #245780;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	color: #fff;
	display: block;
	float: left;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 0 10px 10px 0;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
}

.link-button-mod span {
	
}

.link-button-mod:hover {
	border: 1px solid #245780;
	color: #fff;
	text-decoration: none;
}

.link-button-mod:hover,
.link-button-mod:hover span {
	cursor: pointer;
}

/*------- Link button mod 2 -------*/

a.link-button-mod-1,
a:visited.link-button-mod-1 {
	background: #778289;
	background-image: none;
	border: 1px solid #778289; 
	border-radius: 3px;
	color: #fff;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 4px 10px;
	position: relative;	
	text-decoration: none;
}

a.link-button-mod-1 span {}

a.link-button-mod-1:hover {
	border-color: #333;
}

a.link-button-mod-1:hover span {}

/*----------------------------------------------------------------------
=Modules and Content
----------------------------------------------------------------------*/

/*------- VGR boxed content -------*/

.vgr-boxed-content {
	margin: 0 0 15px 0;
}

.vgr-boxed-content > .hd {
	background: #2f6ea1 url(../images/portlet/portlet-hd-bg-2.png) top left repeat-x;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;	
	position: relative;
	border: 1px solid #245780;
	-moz-box-shadow: 0px 1px 4px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 4px 0px #cccccc;
	box-shadow: 0px 1px 4px 0px #cccccc;
	margin: 0;
	
	color: #fff;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding: 7px 10px;	
		
}

.vgr-boxed-content > .bd {
	background: #fff;
	border: 1px solid #cad5de;
	border-width: 0 1px 1px 1px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius:  0 0 6px 6px;	
	-moz-box-shadow: 0px 1px 4px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 4px 0px #cccccc;
	box-shadow: 0px 1px 4px 0px #cccccc;
	margin: 0;	
	padding: 12px;
	position: relative;	
}


/*------- VGR list view -------*/

ul.vgr-list-view {
	list-style: none;
	margin: 0;
	padding: 0;
}

li.vgr-list-view-item {
	background: #eef5fa;
	border: 1px solid #c4ced5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 7px 0;
	padding: 10px;
	position: relative;
}

.ie7 li.vgr-list-view-item,
.ie8 li.vgr-list-view-item {
	zoom: 1;
}

li.vgr-list-view-item-odd {
	background: #fff;
}

li.vgr-list-view-item-item .hd,
li.vgr-list-view-item .bd,
li.vgr-list-view-item .ft {
	margin: 5px 0;
}

li.vgr-list-view-item .ft {
	margin-bottom: 0;
}

li.vgr-list-view-item .hd h3 {
	float: left;
	margin: 0;
	padding: 0;
}

li.vgr-list-view-item .hd h3 a {
	color: #2f72a9;
	text-decoration: none;
}

li.vgr-list-view-item .bd a {
	color: #2f72a9;
	text-decoration: none;
}

li.vgr-list-view-item .bd a:hover {
	color: #2f72a9;
	text-decoration: underline;	
}

li.vgr-list-view-item .hd h3 a:hover {
	color: #2f72a9;
	text-decoration: underline;
}

/* Condensed view */

.vgr-list-view-condensed .vgr-list-view-item .hd h3 {
	font-size: 1.1em;
}

/*------- Info Box -------*/

.info-box {
	background: #fff;
	border: 1px solid #cad5de;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius:  6px 6px 6px 6px;	
	-moz-box-shadow: 0px 1px 4px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 4px 0px #cccccc;
	box-shadow: 0px 1px 4px 0px #cccccc;
	margin: 0;	
	padding: 12px;
	position: relative;		
}

.info-box h1.title {
	margin-top: 0;
}

.info-box h2.title {
	font-size: 1.6em;
	margin-top: 0;
}

.info-box h3 {
	color: #444;
}


.info-box img.image {
	float: right;
	padding: 0 0 5px 10px;
}

.info-box .link-wrap {
	text-align: right;
}

.info-box .link-wrap a {
	color: #2f72a9;
	text-decoration: none;
}



/*------- VGR tabs -------*/

.vgr-tabs {
}

.vgr-tabs ul.aui-tabview-list {
	background: #2f6ea1 url(../images/portlet/portlet-hd-bg-2.png) top left repeat-x;
	border: 1px solid #245780;
	border-bottom: 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-moz-box-shadow: 0px 1px 4px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 4px 0px #cccccc;
	box-shadow: 0px 1px 4px 0px #cccccc;	
	margin: 0;
	padding: 0;
	padding: 1px 2px 0 2px;
	position: relative;
}

.vgr-tabs .aui-tab {
	background: transparent;
	border: none;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-radius: 0;	
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
}

.vgr-tabs .aui-tab-content {
	background: url(../images/navigation/navigation-separator.png) top right repeat-y;
	border: none;
	padding: 0 2px 0 0;
	margin: 0;
}

.vgr-tabs .aui-tab a,
.vgr-tabs .aui-tab a:link {
	background: transparent;
	border: 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	color: #fff;
	display: block;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding: 7px 10px;
	position: relative;
	text-decoration: none;
	text-shadow: none;
}

.vgr-tabs .aui-tab a:hover {
	background: #3a84c1 url(../images/navigation/navigation-bg-hover.png) top left repeat-x;
	color: #fff;
}

.vgr-tabs .aui-tab-active:after {
	border: none;
	bottom: 0;
	content: '';
	left: 0;
	margin-left: 0;
	z-index: 0;
}

.vgr-tabs .aui-tab-active a,
.vgr-tabs .aui-tab-active a:link,
.vgr-tabs .aui-tab-active a:hover {
	background: #548332 url(../images/navigation/navigation-bg-active.png) top left repeat-x;
	color: #fff;
}

.vgr-tabs .aui-tab-active a::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 40%;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #548332 transparent;
	display: block;
	width: 0;
}

.vgr-tabs .vgr-tabs-content-wrap {
	background: #fff;
	border: 0;
	border-top: none;
	border: 1px solid #cad5de;
	border-width: 0 1px 1px 1px;	
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-moz-box-shadow: 0px 1px 4px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 4px 0px #cccccc;
	box-shadow: 0px 1px 4px 0px #cccccc;
	padding: 10px;
	position: relative;
}

/*------- RP table -------*/

.rp-table {
	border: 1px solid #bbb;
	color: #444;
	width: 100%;
}

.rp-table tr {
	background: #fff;
	border: 1px solid #bbb;
	border-width: 0 0 1px 0;
}

.rp-table tr.odd {
	background: #f5f7fb;
}

.rp-table tr.highlight-type-1 {
	background: #ffff00;
}

.rp-table tr.last {
	border-width: 0;
}

.rp-table thead tr {
	background: #e2e8f3 url(../images/bg/bg-grad-gray.png) repeat-x 0 0;
	color: #444;
	font-weight: bold;
}

.rp-table th,
.rp-table td {
	border-right: 1px solid #bbb;
	padding: 5px 10px;
}

/* Even column widths */
.rp-table-even-2 th, .rp-table-even-2 td { width: 49.9%; }
.rp-table-even-3 th, .rp-table-even-3 td { width: 33%; }
.rp-table-even-4 th, .rp-table-even-4 td { width: 24.9%; }
.rp-table-even-5 th, .rp-table-even-5 td { width: 19.9%; }
.rp-table-even-6 th, .rp-table-even-6 td { width: 16.6%; }
.rp-table-even-7 th, .rp-table-even-7 td { width: 14.2%; }
.rp-table-even-8 th, .rp-table-even-8 td { width: 12.4%; }
.rp-table-even-9 th, .rp-table-even-9 td { width: 11.1%; }

.rp-table tr a {
	color: #444;
	text-decoration: underline;
}

.rp-table tr a.show-more {
	background: transparent url(../images/arrows/05_down.png) no-repeat top center;
	display: block;
	font-size: 0;
	height: 12px;
	text-indent: -9999em;
	width: 12px;
}

.rp-table tr a.show-more-expanded {
	background-image: url(../images/arrows/05_up.png);
}

.rp-table tr a:hover {
	color: #000;
	text-decoration: none;
}

.rp-table-row-extra {}

.rp-table-row-extra .extra-wrap {
}

.rp-table-row-extra .extra-item-wrap {
	border-bottom: 1px solid #eee;
	overflow: hidden;
	padding: 3px;
}	

.rp-table-row-extra .extra-item-wrap-last {
	border-bottom: 0;
}

.rp-table-row-extra .label {
	float: left;
	color: #444;
	font-weight: bold;
	width: 100px;
}

.rp-table-row-extra .content {
	margin: 0 0 0 100px;
	padding: 0 0 0 10px;
}

.rp-table tr.rp-table-row-note td {
	padding: 15px;
}

.rp-table-filters {
	margin-bottom: 10px;
}

.rp-box .rp-table-filters .aui-field-wrapper,
.rp-table-filters .aui-field-wrapper {
	clear: none; 
	float: left;
	margin: 10px 20px 10px 0;
	position: relative;
	width: auto;
}

.rp-table-filters label {
	margin: 0 0 3px 0;
}

.rp-table .right-align {
    text-align: right;
}

/*------- RP table simple -------*/

.rp-table-simple {
	border: none;
	color: #444;
	width: 100%;
}

.rp-table-simple tr {
	background: transparent url(../images/separators/rp-separator.png) bottom left repeat-x;
	border: none;
}

.rp-table-simple thead tr {
	background: #bcd3e6;
	color: #2f6ea1;
	font-weight: bold;
}

.rp-table-simple th {
	border: none;
	padding: 5px;
}

.rp-table-simple td {
	border: none;
	padding: 10px;
	vertical-align: top;
}

.rp-table-simple td .cell-label {
	font-weight: bold;
}

.rp-table-simple tr a {
	color: #444;
	text-decoration: underline;
}

/*------- Dialog (aui) -------*/

.aui-dialog-bd fieldset,
.aui-dialog-bd .aui-form fieldset {
    margin: 5px 0;
}

/*------- News list - used in news portlets -------*/

.featured {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.5em;
}

.list-news li {
	margin-top: 0.5em;
}

.list-news li p {
	margin-bottom: 0.5em;
}

/*------- Dialog (aui) -------*/

.notifications-overlay {
}

/* -- Overlay -- */

.system-help-overlay .aui-overlay-content {
	background: #fff;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;	
	border: 1px solid #e4edf9;
	-moz-box-shadow: 1px 1px 4px #777;
	-webkit-box-shadow: 1px 1px 4px #777;
	box-shadow: 1px 1px 4px #777;	
	min-height: 40px;
	position: relative;
}

.system-help-overlay .lfr-panel .lfr-panel-titlebar {
	background: none;
	padding-left: 0;
}

.system-help-overlay .lfr-panel-titlebar .lfr-panel-title {
	background: transparent url(../images/notifications/notifications-sep.png) bottom left repeat-x;
	color: #005095;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	
}

.system-help-overlay .kb-title-wrapper {
	padding: 2px 0;
}

.system-help-overlay a.taglib-icon .taglib-text {
	text-decoration: none;
}

.system-help-overlay a.taglib-icon:hover .taglib-text {
	text-decoration: underline;
}

.system-help-overlay .search-results {
	display: none;
}

/*-------Innovationsslussen Dialog -------*/

.innovationsslussen-dialog .aui-dialog-hd {
	background: #2C6FA7;
	color: #fff;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	text-shadow: none;
}

.innovationsslussen-dialog .aui-dialog-hd .aui-panel-hd-text {
	display: inline-block;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 32px;
}

.innovationsslussen-dialog .aui-dialog-bd {
	padding: 20px;
}

.innovationsslussen-dialog .aui-buttonitem-content {
	background: none;
	border: none;
	height: 35px;
	width: 34px;
	padding: 0px;
}

.innovationsslussen-dialog .aui-icon-closethick {
	background: transparent url(../images/dialog/dialog-close-button-sprite.png) 0 0 no-repeat;
	height: 32px;
	width: 32px;
}

.innovationsslussen-dialog .aui-state-hover .aui-icon-closethick {
	background-position: 0 -50px;
}

.innovationsslussen-dialog .aui-panel-hd-text {
	line-height: 1.4;
}

/*------- Pagers -------*/

.pager {
	margin: 2px 0 0;
}

.pager a {
	padding: 2px;
	text-decoration: none;
}

.pager a:hover {
	text-decoration: underline;
}

.pager .prev {
	background: url(../images/icons/resultset_previous.png) no-repeat 0 50%;
	float: left;
	padding: 3px 6px 3px 20px;
}

.pager .next {
	background: url(../images/icons/resultset_next.png) no-repeat 100% 50%;
	float: right;
	padding: 3px 20px 3px 6px;
}

/* RP Paging */

.rp-paging {
	margin-top:10px;
	text-align: center;
}

.rp-paging ul {
	display: inline-block;
	list-style-type: none;
	margin: 0 auto;
}

.ie7 .rp-paging ul {
	display: inline;
}

.rp-paging li {
	float:left;
	margin: 5px 5px;
	position: relative;
}

.rp-paging li a,
.rp-paging li strong,
.rp-paging li span {
	border: 1px solid transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	display:block;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	height: 20px;
	line-height: 1.0;
	padding: 2px 4px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 20px;
}

.rp-paging li a:hover {
	background-color: #e4edf9;
	border-color: #255d8c;
}

.rp-paging .first a,
.rp-paging .previous a,
.rp-paging .next a,
.rp-paging .last a {
	background: #e7f0fc url(../images/paginator/rp-paginator-sprite.png) no-repeat 0 0;
	border-color: #d4dce7;
	color: #255d8c;
	font-size: 0;
	position: relative;
	text-indent: -9999em;
	width: 30px;
}

.rp-paging .first a { background-position: 50% 5px; }
.rp-paging .previous a { background-position: 50% -45px; }
.rp-paging .next a { background-position: 50% -95px; }
.rp-paging .last a { 	background-position: 50% -145px; }

.rp-paging .first span,
.rp-paging .previous span,
.rp-paging .next span,
.rp-paging .last span {
	font-size: 0;
	text-indent: -9999em;
	visibility: hidden;
	width: 30px;
}

.paginator-wrap .search-info {
	text-align: center;
}


/*------- RP Box -------*/

.rp-box {
	background: #bcd3e6;
	border: 1px solid #aac9e2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 10px 0;
	padding: 10px;
	position: relative;
}

.rp-box .rp-box-inner {
	background: #f7f7f7;
	border: 1px solid #a9bdcf;
	padding: 10px;
}

.rp-box .rp-box-inner h2.title {
	background: transparent url(../images/separators/rp-separator.png) repeat-x bottom left;
	font-size: 1.6em;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.rp-box .aui-fieldset {
	margin-bottom: 10px;
	overflow: hidden;
}

.rp-box .aui-field {
	display: -moz-inline-stack;
	display: inline-block;
	min-height: 30px;
	min-width: 150px;
	padding: 0;
	vertical-align: top;
	width: 24.8%;
}

.rp-box .rp-block-fields .aui-field {
	display: block;
	width: 100%;
}

.rp-box .aui-field-content {
	display: block;
	margin: 5px 0;
	padding-right: 10px;
}

.rp-box .cal-pager {
	border-bottom: 0;
	margin: 10px 0 0 0;
	padding: 0;
}

.rp-box .cal-pager .cal-display-interval {
	font-size: 1.0em;
	line-height: 25px;
}

.rp-box .vertical-layout .aui-field {
    display: block;
    float: none;
}

/*------- RP Iframe Dialog -------*/

.rp-iframe-dialog .aui-dialog-hd {
	background: #2C6FA7;
	color: #fff;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-shadow: none;
}

.rp-iframe-dialog .aui-buttonitem-content {
	background: none;
	border: none;
	height: 35px;
	width: 34px;
	padding: 0px;
}

.rp-iframe-dialog .aui-icon-closethick {
	background: transparent url(../images/dialog/dialog-close-button-sprite.png) 0 0 no-repeat;
	height: 32px;
	width: 32px;
}

.rp-iframe-dialog .aui-state-hover .aui-icon-closethick {
	background-position: 0 -50px;
}

.rp-iframe-dialog .aui-panel-hd-text {
	line-height: 1.8;
}

.rp-iframe-dialog .aui-dialog-bd {
	overflow: hidden;
}

/*------- RP Confirmation Plugin -------*/

.js .requires-confirmation {
	visibility: hidden;
}

.js .requires-confirmation-active {
}

/*-- RP Confirmation Plugin --*/

.rp-confirm-dialog .aui-dialog-hd {
	background: transparent;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
}

.rp-confirm-dialog .aui-panel-hd-text {
	display: none;
}

.rp-confirm-dialog .aui-dialog-bd {
	padding: 10px;
}

.rp-confirm-dialog .aui-dialog-ft {
	background: #eef5fa;
	border-top: 1px solid #c4ced5;
	text-align: center;
}

.rp-confirm-dialog .aui-dialog-button {
	background: #2865ad url(../images/buttons/button-bg-normal.png) 0 0 repeat-x;
	border: 1px solid #2f71a8;
	border-color: #2f71a8 #052a73 #052a73 #2f71a8;
	color: #fff;
	margin: 0 10px;
	padding: 7px 15px;
	text-shadow: none;	
}

.rp-confirm-dialog .aui-state-default {
	background: transparent;
	border: 0;
	height: 24px;
	padding: 0;
	width: 24px;
}

.rp-confirm-dialog .aui-icon-closethick {
	background: transparent url(../images/icons/icon-rp-close.png) 0 0 no-repeat;
	height: 24px;
	width: 24px;
}

/*------- RP toolbar -------*/

ul.rp-toolbar {
	background: #fff url(../images/toolbar/toolbar-bg.png) bottom left repeat-x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 4px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 4px 0px #cccccc;
	box-shadow: 0px 1px 4px 0px #cccccc;	
	border: 1px solid #d5e0ea;
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0 3px;
	position: relative;
}

ul.rp-toolbar li {
	background: transparent url(../images/toolbar/toolbar-sep.png) 100% 50% no-repeat;
	display: block;
	float: left;
	margin: 0;
	background: none;
	border-right: 1px solid #e0e0e0;
	padding: 0;
}

ul.rp-toolbar li:last-child,
ul.rp-toolbar li.last {
	background: none;
	border-right: none;
}

.rp-toolbar a,
.rp-toolbar li > span {
	color: #3177ae;
	display: block;
	float: left;
	font-size: 1.0em;
	font-weight: bold;
	padding: 6px 8px;
	text-decoration: none;
}

.rp-toolbar li > span {
	color: #777;
}

ul.rp-toolbar li a:hover {
	background-color: #e4edf9;
}

ul.rp-toolbar li a.active {
	background-color: #4d79b4;
	color: #fff;
}

/*------- RP tooltip -------*/

.rp-tooltip .aui-state-default {
	background: #eef5fa;
	border: 1px solid #c4ced5;	
}




/*----------------------------------------------------------------------
=Liferay Components
----------------------------------------------------------------------*/

.taglib-page-iterator {
	padding: 10px 0;
}

.taglib-page-iterator .search-results {}

.taglib-page-iterator .search-pages {}

.taglib-page-iterator .search-pages .delta-selector {}

.taglib-page-iterator .search-pages .page-selector {}

.taglib-page-iterator .search-pages .page-links {}

.taglib-page-iterator .search-pages .page-links span {
	display: none;
}

.taglib-page-iterator .search-pages .page-links a {
	text-decoration: none;
}

.taglib-page-iterator .search-pages .page-links a:hover {
	text-decoration: underline;
}

.taglib-page-iterator .search-pages .page-links a.previous,
.taglib-page-iterator .search-pages .page-links a.next,
.taglib-page-iterator .search-pages .page-links a.first,
.taglib-page-iterator .search-pages .page-links a.last {
	background-image: url(../images/paginator/pager-simple-sprite.png);
	background-repeat: no-repeat;
	border: none;
	height: 25px;
	line-height: 25px;
	padding: 2px 30px;
}

.taglib-page-iterator .search-pages .page-links a.previous {
	background-position: 0 0;
}
.taglib-page-iterator .search-pages .page-links a.next {
	background-position: 100% -50px;
}
.taglib-page-iterator .search-pages .page-links a.first {
	background-position: 0 -100px;
}
.taglib-page-iterator .search-pages .page-links a.last {
	background-position: 100% -150px;
}


/*----------------------------------------------------------------------
=Liferay Portlets
----------------------------------------------------------------------*/

/*------- Portlet wrapper and icons -------*/

.portlet {
	background-color: transparent;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
}

.portlet .portlet-topper {
	background: #2f6ea1 url(../images/portlet/portlet-hd-bg-2.png) top left repeat-x;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;	
	position: relative;
	border: 1px solid #245780;
	-moz-box-shadow: 0px 1px 4px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 4px 0px #cccccc;
	box-shadow: 0px 1px 4px 0px #cccccc;	
}

.portlet .portlet-content {
	background: #fff;
	border: 1px solid #cad5de;
	border-width: 0 1px 1px 1px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius:  0 0 6px 6px;	
	-moz-box-shadow: 0px 1px 4px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 4px 0px #cccccc;
	box-shadow: 0px 1px 4px 0px #cccccc;	
	padding: 12px;
	position: relative;	
}

.portlet-title {
	color: #fff;
	float: none;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding: 7px 10px;
}

.portlet-title .icon {
	display: none;
}

.portlet-icons {
	float: none;
}

.portlet-msg-info {
    background-repeat: no-repeat;
}

.portlet-icons .portlet-close-icon {
	border-width: 0;
}

.page-maximized .portlet-icons {
	font-size: 11px;
}

a.portlet-icon-back,
a.portlet-icon-back:hover {
	background: none;
	color: #fff;
	padding: 5px;
	text-decoration: none;
}

a.portlet-icon-back:hover {
	text-decoration: underline;
}

.ie .portlet-title {
	padding-bottom: 5px;
}

.ie6 .portlet-topper {
	zoom: 1;
}

.lfr-actions.portlet-options .lfr-trigger strong a {
	text-indent: -9999px;
	text-decoration: none;
}

.portlet-minimize a,
.portlet-minimize a:hover,
.portlet-maximize a,
.portlet-maximize a:hover,
.portlet-close a,
.portlet-close a:hover {
	text-decoration: none;
}

/*------- Dockbar Portlet ------*/

.dockbar {
	visibility: visible;
}

/*------- Blogs Portlet ------*/

.portlet-blogs {}

.portlet-blogs .search-form {
	display: block;
	float: none;
}

.portlet-blogs .search-form .aui-search-bar {
	display: none;	
}

.portlet-blogs .taglib-header {
	border: none;
}

.portlet-blogs .header-back-to {
	display: none;
}

.portlet-blogs .blogs-entries-wrap {}

.portlet-blogs .blogs-entries-wrap .entry {
	background: #eef5fa;
	border: 1px solid #c4ced5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 7px 0;
	padding: 10px;
	position: relative;
}

.portlet-blogs .blogs-entries-wrap .entry-odd {
	background: #fff;
}

.portlet-blogs .blogs-entries-wrap .separator {
	display: none;
}

.portlet-blogs .blogs-entries-wrap .entry-title {
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	margin: 5px 0;
}

.portlet-blogs .blogs-entries-wrap .entry-title a {
	color: #2f72a9;
	text-decoration: none;
}

.portlet-blogs .blogs-entries-wrap .entry-title a:hover {
	color: #2f72a9;
	text-decoration: underline;	
}

.portlet-blogs .entry-title a {
	color: #666;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

.portlet-blogs .entry-title a:hover {
	text-decoration: underline;
}

.portlet-blogs .entry-date {
	background: none;
	color: #777;
	padding-left: 0;
}

.portlet-blogs .entry .entry-body a {
	/*display: none;*/
}

/* Clearfix style clearing */
.portlet-blogs .entry-footer:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.portlet-blogs .entry-footer{display:inline-block}
* html .portlet-blogs .entry-footer{height:1%}
.portlet-blogs .entry-footer{display:block}

.portlet-blogs .entry-author {
	background: none;
	color: #777;
	padding-left: 0;
}

.portlet-blogs .stats .comments a,
.portlet-blogs .taglib-flags span a {
	text-decoration: none;
}

.portlet-blogs .stats .comments a:hover,
portlet-blogs .taglib-flags span a:hover {
	text-decoration: underline;
}

.portlet-blogs .view-count {
	display: none;
}

.portlet-blogs .taglib-social-bookmarks {
	clear: both;
	display: none;
}

.portlet-blogs .subscribe {
	display: none;
}

/* View specific entry */
.portlet-blogs h1.header-title {
	color: #444;
	font-size: 1.8em;	
}

/* Paging full */
.portlet-blogs .taglib-page-iterator {
	margin-bottom: 0;
}

.portlet-blogs .taglib-page-iterator .search-pages .page-selector,
.portlet-blogs .taglib-page-iterator .search-pages .delta-selector {
	display: none;
}


/* Paging simple */

.portlet-blogs .entry-navigation {
	background: transparent;
	border: 0;
	margin: 15px 0;
}

.portlet-blogs .entry-navigation a.previous,
.portlet-blogs .entry-navigation a.next {
	background-image: url(../images/paginator/pager-simple-sprite.png);
	background-repeat: no-repeat;
	border: none;
	color: #255d8c;	
	display:block;
	height: 25px;
	line-height: 25px;
	padding: 2px 30px;
	position: relative;
	text-decoration: none;
	position: relative;	
}

.portlet-blogs .entry-navigation a.previous:hover,
.portlet-blogs .entry-navigation a.next:hover {
	text-decoration: underline;
}

.portlet-blogs .entry-navigation a.previous {
	background-position: 0 0;
}

.portlet-blogs .entry-navigation a.next {
	background-position: 100% -50px;
}

.portlet-blogs .entry-navigation span.previous,
.portlet-blogs .entry-navigation span.next {
	display: none;
}

/* Commenting */

.portlet-blogs #blogsCommentsPanelContainer {}

.portlet-blogs #blogsCommentsPanelContainer .lfr-panel-titlebar {
	background: none;
}

.portlet-blogs #blogsCommentsPanelContainer .lfr-panel-titlebar .lfr-panel-title {
	color: #555;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
}
	
.portlet-blogs .add-comment {}

.portlet-blogs .add-comment a.taglib-icon {
	background: #2865ad url(../images/buttons/button-bg-normal.png) 0 0 repeat-x;
	border: 1px solid #2f71a8;
	border-color: #2f71a8 #052a73 #052a73 #2f71a8;  
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: block;
	float: left;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding: 10px 15px;
	position: relative;
	text-shadow: none;
	
}

.portlet-blogs .add-comment a.taglib-icon img {
	display: none;
}


/* Clearfix style clearing */
.portlet-blogs .add-comment a.taglib-icon:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.portlet-blogs .add-comment a.taglib-icon{display:inline-block}
* html .portlet-blogs .add-comment a.taglib-icon{height:1%}
.portlet-blogs .add-comment a.taglib-icon{display:block}


.portlet-blogs .add-comment a.taglib-icon:hover {
	background: #2865ad url(../images/buttons/button-bg-normal.png) 0 0 repeat-x;
	border: 1px solid #c4d9f6;
}

.portlet-blogs .add-comment a.taglib-icon img {
}

.portlet-blogs .add-comment a.taglib-icon .taglib-text,
.portlet-blogs .add-comment a.taglib-icon:hover .taglib-text {
	text-decoration: none;
}	

.portlet-blogs .trackback-wrap {
	display: none;
}

.portlet-blogs .post-reply-form {
	display: block;
	margin: 5px 0;
}

/* Styling classes added through custom jsp */

.comment-layout .separator {
	display: none;
}

.comment-wrap {
	background: #eef5fa;
	border: 1px solid #c4ced5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 7px 0;
	padding: 10px;
	position: relative;
	width: auto;
}

.comment-wrap-odd {
	background: #fff;
}

.comment-wrap .user-wrap {
	color: #555;
	float: left;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0 20px 0 0;
	position: relative;
}

.comment-wrap .date-wrap {
	color: #999;
	display: block;
	float: left;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	position: relative;
}

.comment-wrap .comment-user,
.comment-wrap .comment-message {
	float: none;
}

.comment-user {}

.comment-message {}

.comment-wrap .comment-message-body {
	margin: 5px 0;
	padding: 5px 0;
}

.portlet-blogs .to-top-column {
	display: none;
}


/*------- Navigation Portlet -------*/

.nav-menu {
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	background: url(../images/articles/box-shadow-24.png) bottom center no-repeat;
	padding: 0 0 10px 0;
	margin: 0;
}

.nav-menu a {
  text-decoration: none;
}

.nav-menu h2 {
  font-size: 1.0em;
  margin: 0;
  padding: 0; 
}

.nav-menu h2 a {
	background: #2f6ea1 url(../images/navigation/navigation-bg-normal.png) top left repeat-x; 
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;	
	color: #fff;
	display: block;
	font-size: 1.0em;
	margin: 0;
	padding: 15px;
	text-decoration: none;
}

.nav-menu ul {
	list-style: none;
	background: #fff;
	border: 1px solid #e5e2db;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;	
	margin: 0;
	padding: 0;
}

.nav-menu ul ul {
  border-width: 1px 0 0 0;
}

.nav-menu ul li {
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 0;
}

.nav-menu ul li:last-child {
  border: none;
}

.nav-menu ul li a {
  display: block;
  margin: 0;
  padding: 15px;
}

.rtl .nav-menu ul li a {
  text-align: right;
}

.nav-menu ul.level-1  > li > a {
  padding-left: 15px; 
}

.nav-menu ul.level-2  > li > a {
  padding-left: 30px; 
}

.nav-menu ul.level-3  > li > a {
  padding-left: 45px; 
}

.nav-menu ul.level-4  > li > a {
  padding-left: 60px; 
}

.nav-menu ul li a:hover {
  background: #cde5ff;
}

/*----------------------------------------------------------------------
=Custom Portlets
----------------------------------------------------------------------*/

/*------- Some portlet -------*/



/*------- Idea portlets common -------*/

ul.idea-flow-list {
	background: transparent url(../images/ideas/flow-line.png) left center repeat-x;
	list-style: none;
	margin: 5px 0 0 0;
	overflow: hidden;
	padding: 0;
}

ul.idea-flow-list li {
	display: block;
	float: left;
	margin: 0;
	padding: 0 5px;
	position: relative;
}

ul.idea-flow-list span {
	background: #fff;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;	
	color: #bf3434;
	border: 1px solid #bf3434;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	height: 24px;
	width: 24px;
}

ul.idea-flow-list li.done span {
	background: #bf3434;
	color: #fff;
}

.idea-outer-private ul.idea-flow-list {
	background-image: url(../images/ideas/flow-line-private.png);	
}

.idea-outer-private ul.idea-flow-list span {
	background: #fff;
	color: #bf3434;
	border: 1px solid #bf3434;
}

.idea-outer-private ul.idea-flow-list li.done span {
	background: #bf3434;
	color: #fff;
}

/*------- Idea List portlet -------*/

ul.idea-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.idea-list > li {
	display: -moz-inline-stack;
	display: inline-block;
	list-style: none;
	margin: 0;
	min-width: 230px;
	padding: 0;
	vertical-align: top;
	width: 32.55%;
}

.ie7 ul.idea-list > li {
	display: inline;
	zoom: 1;
}

.idea-list .idea-item {
	margin: 0 15px 0 0;
	background: url(../images/articles/box-shadow-24.png) bottom center no-repeat;
	padding-bottom: 15px;
}

.idea-list > li a {
	background: #3583bf;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 0;
	border-radius: 3px;
	color: #555;
	display: block;
	margin: 0;
	padding: 3px;
	position: relative;
	text-decoration: none;
}

.idea-list > li a:hover {
	color: #555;
	text-decoration: none;
}

.idea-list .idea-content {
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	height: 120px;
	overflow: hidden;
	position: relative;
}

.idea-list .idea-content,
.idea-list .idea-content .idea-content-1,
.idea-list .idea-content .idea-content-2 {
}

.idea-list .idea-content .idea-content-1,
.idea-list .idea-content .idea-content-2 {
	background: #fff;
	height: 100px;
	left: 0;
	position: absolute;
	top: 0;
	padding: 10px;
	padding: 6%;
	width: 88%;
	
	height: 100%;
	width: 100%;
	padding: 0;
}



.idea-list .idea-content .idea-content-1 {}

.idea-list .idea-content .idea-content-2 {
	background: #fcfcfc;
	top: 140px;
}

.idea-list a:hover .idea-content .idea-content-1 {
	top: 140px;
}


.idea-list a:hover .idea-content .idea-content-2 {
	top: 0;
}

.idea-list .idea-content .idea-content-inner {
	padding: 6%;
}

.idea-list .idea-content h3 {
	color: #555;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

.idea-list ul.idea-stats {
	bottom: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
}

.idea-list ul.idea-stats {
	bottom: 6%;
	right: 6%;
}

.idea-list ul.idea-stats li {
	color: #777;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin: 0 0 0 20px;
	padding-left: 22px;
	position: relative;
	text-align: center;
}

.idea-list ul.idea-stats li.likes {
	background: url(../images/toolbar/idea-toolbar-icon-sprite-default.png) 0  -100px no-repeat;
}

.idea-list ul.idea-stats li.comments {
	background: url(../images/toolbar/idea-toolbar-icon-sprite-default.png) 0  3px no-repeat;
}

.idea-list .idea-label {
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	margin: 3px 6px 0 6px;
}

/* Types */

.idea-list > li.done a {
	background: #5e9237;
	border-color: #426627;
}

.idea-list > li.active-innovationsslussen a {
	background: #bfb331;
	border-color: #948b2a;
}

.idea-list li.active-innovationsslussen .idea-label {
	color: #444011;
}

.idea-list > li.private a {
	background: #bf3434;
	border-color: #8b2626;
}

/*------- Idea portlet -------*/

.idea-outer {
 	background: url(../images/ideas/idea-shadow-24.png) bottom center no-repeat;
	padding: 0 0 27px 0;
}

.idea-outer .idea {
	background: #3583bf;
	border: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	padding: 5px;
	position: relative;
}

.idea-inner {
	background: #fff;
	border: 1px solid #a9bdcf;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	padding: 15px;
}

.idea  .idea-toolbar-wrap {
	float: left;
	max-width: 820px;
	position: relative;
}

.idea  .idea-flow-wrap {
	float: right;
	position: relative;
}

.idea-toolbar-wrap ul {
	margin-bottom: 10px;
}

.idea-toolbar-wrap li.icon a {
	background: url(../images/toolbar/idea-toolbar-icon-sprite.png) 4px  1000px no-repeat;
	color: #3583bf;
	padding-left: 26px;
}

.idea-toolbar-wrap li.icon a:hover {
	background-color: #f7f7f7;
}

.idea-toolbar-wrap li.comment a {
	background-position: 4px  6px;
}

.idea-toolbar-wrap li.like a {
	background-position: 4px  -96px;
}

.idea-toolbar-wrap li.favorite a {
	background-position: 4px  -196px;
}

.idea-toolbar-wrap li.open a {
	background-position: 4px  -296px;
}

.idea-toolbar-wrap li.closed a {
	background-position: 4px  -396px;
}

.idea-toolbar-wrap li.barium a {
	background-position: 4px  -494px;
}

.idea-toolbar-wrap li.reload a {
	background-position: 4px  -596px;
}

.idea h1 {
	color: #3583bf;
	margin: 0.6em 0 0.2em 0;
}

.idea .idea-creator {
	color: #555;
	margin: 0.2em 0 0.7em 0;
}

.idea .idea-creator-name,
.idea .idea-create-date {
	font-weight: bold;
}

.idea .idea-creator-name {
	color: #555;
}

.idea-outer-private .idea .idea-creator-name {
	color: #555;
}

.idea .idea-content-item {
	margin: 0 0 10px 0;
}

.idea .label {
	color: #555;
}

.idea .intro {
	color: #555;
	font-size: 1.2em;
	font-weight: bold;
}

.idea-meta .aui-column-content {
	padding-left: 7.0em;
}

.idea-meta h2 {
	border-bottom: 1px solid #d5e3ee;
	color: #999;
	font-size: 1.6em;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}

.idea-meta h2 span {
	padding: 0 5px;
}

.idea-meta ul.documents-list {
	list-style: none;
	margin: 0;
	padding: 0 5px;
}

.idea-meta ul.documents-list li {
	margin: 10px 0;
}

.idea-meta ul.documents-list li a {
	background: url(../images/file_system/small/txt.png) left center no-repeat;
	color: #777;
	display: block;
	line-height: 16px;
	min-height: 16px;
	padding-left: 22px;
	text-decoration: underline;
}

.idea-meta ul.documents-list li a:hover {
	color: #222;
	text-decoration: none;
}

.idea-meta ul.documents-list li.pdf a {
	background-image: url(../images/file_system/small/pdf.png);
}

.idea-meta ul.documents-list li.doc a {
	background: url(../images/file_system/small/docx.png) left center no-repeat;
}

.idea-meta ul.documents-list li.img a {
	background: url(../images/file_system/small/jpg.png) left center no-repeat;
}

/* Comments */

.add-comment-form {
	padding: 10px;
}

.add-comment-form .field-wrap {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 74%;
}

.add-comment-form .aui-button-holder {
	clear: none;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 24%;
}

.add-comment-form .field-wrap label {
	color: #555;
	float: left;
	font-weight: bold;
	position: relative;
	width: 24%;
}

.add-comment-form .field-element-wrap {
	float: left;
	position: relative;
	width: 74%;	
}

.add-comment-form .field-element-wrap textarea {
	background: #fff;
	border: 1px dashed #c4ced5;
	min-height: 60px;
	width: 100%;
}

.add-comment-form .notice {
	color: #424242;
	font-weight: bold;
	margin: 10px 0 0 0;
}

.add-comment-form .rp-button input[type="submit"] {
	background: #778289;
	border: 0;
	margin: 0 10px 10px 10px;
	padding: 10px 20px;
}

.idea-comments {
	margin: 10px 0;
}

.idea-comments > h2 {
	border-bottom: 1px solid #d5e3ee;
	color: #999;
	font-size: 1.6em;
	margin: 0 0 15px 0;
	padding: 0 0 2px 0;
	text-transform: uppercase;
}

.idea-comments .comment {
	background: #fff;
	border: 1px solid #d5e3ee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 10px 0;
	padding: 15px;	
}

.idea-comments .comment-innovationsslussen {
	background: #eef5fa;
	border-color: #c4ced5;
}

.idea-comments .comment .comment-author {
	float: left;
	font-size: 1.1em;
	min-width: 150px;
	position: relative;
}

.idea-comments .comment .comment-author-name {
	color: #555;
	margin-bottom: 0.2em;
	font-weight: bold;
}

.idea-comments .comment .comment-author-title {
	color: #555;
	font-weight: bold;
	font-style: italic;
}

.idea-comments .comment .comment-entry {
	color: #424242;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 500px;
	position: relative;
}

.idea-comments .comment .comment-controls {
	float: right;
	position: relative;
}

.idea-comments .comment .comment-control {
	background: transparent url(../images/common/tool.png) 0 0 no-repeat;
	display: inline-block;
	font-size: 0;
	height: 16px;
	text-indent: -9999em;
	width: 16px;
}

.js .idea-comments .comment .requires-confirmation {
	visibility: hidden;
}

.js .idea-comments .comment .requires-confirmation-active {
	display: inline-block;
}

.idea-comments .comment .comment-control-delete {
	background: transparent url(../images/common/close.png) 0 0 no-repeat;
}

.idea-comments .comment .comment-entry-date {
	margin-bottom: 0.4em;
}

.idea-comments .comment .comment-entry-text {
	line-height: 1.4;
}

.idea ul.simple-tabs {
	border-bottom: 1px solid #d5e3ee;
	list-style: none;
	margin: 10px 0;
	padding: 0 25px;
	position: relative;
}

.idea ul.simple-tabs li {
	border: 1px solid #d5e3ee;
	border-width: 1px 1px 0 1px;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
	
}

.idea ul.simple-tabs li.current {
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}

.idea ul.simple-tabs li a,
.idea ul.simple-tabs li span {
	background: #fff;
	color: #777;
	display: block;
	font-weight: bold;
	padding: 5px 20px;
	text-decoration: none;
}

.idea ul.simple-tabs li.current span {
	color: #424242;
}

.idea ul.simple-tabs li a:hover {
	background: #eef5fa;
	color: #424242;
}

/* -- Private view -- */

.idea-outer-private .idea {
	background: #bf3434;
}

.idea-outer-private .idea-inner {
}

.idea-outer-private h1 {
	color: #bf3434;
}

.idea-outer-private h1 span {
	color: #555;
	font-size: 0.6em;
}

.idea-outer-private .idea-toolbar-wrap li.icon a {
	background-image: url(../images/toolbar/idea-toolbar-icon-sprite-private.png);
	color: #bf3434;
}

/* -- Public - Active at Innovationsslussen -- */

.active-innovationsslussen .idea {
	background: #bfb331;
}

.active-innovationsslussen .idea-inner {
	border-color: #948b2a;
}

.active-innovationsslussen h1 {
	color: #b08700;
}

.active-innovationsslussen .idea-toolbar-wrap li.icon a {
	background-image: url(../images/toolbar/idea-toolbar-icon-sprite-active.png);
	color: #b08700;
}


/* -- Public - Done -- */

.done .idea {
	background: #5e9237;
}

.done .idea-inner {
	border-color: #426627;
}

.done h1 {
	color: #5e9237;
}

.done .idea-toolbar-wrap li.icon a {
	background-image: url(../images/toolbar/idea-toolbar-icon-sprite-done.png);
	color: #5e9237;
}

/* Comments */

.idea-outer-private .idea-comments .comment {
	background: #fff;
	border-color: #d5e3ee;
}

.idea-outer-private .idea-comments .comment-innovationsslussen {
	background: #fcf7f7;
	border-color: #bf3434;
}

.idea-outer-private .idea-comments .comment .comment-author-name {
	color: #555;
}

.idea-outer-private .rp-button input[type="submit"] {}

/*------- Create Idea portlet -------*/

.idea.create-idea h1 {
	margin: 0 0 0.1em 0;
}

.create-idea p.sub-heading {
	color: #666;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 0.8em 0;
	padding: 0;
}

.create-idea .intro {
	background: transparent url(../images/ideas/create-idea.png) top right no-repeat;
	color: #555;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 20px 0;
	min-height: 72px;
	padding: 10px 360px 0 0;
}

.create-idea .intro p {
	margin: 10px 0;
}

.create-idea .intro .element-mandatory-desc {
	font-size: 0.9em;
}

.create-idea .intro .element-mandatory {
	display: inline-block;
	font-size: 1.3em;
}

.create-confirmation .content {
	background: transparent url(../images/ideas/idea-created.png) top right no-repeat;
	color: #333;
	font-size: 1.1em;
	min-height: 92px;
	padding: 10px 360px 0 0;
}

.create-confirmation .intro-text {
	font-weight: bold;
}

.create-confirmation .link-buttons-wrap {
	margin: 5px 0;
}

.create-idea-form {}

.create-idea-form fieldset,
.create-idea-form fieldset:last-child {
	margin-bottom: 2em;
	padding-top: 10px;
}

.create-idea-form .aui-fieldset-legend {
	color: #666;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
}

.create-idea-form .aui-legend {
	border-bottom: 1px solid #d5e3ee;
	padding-bottom: 5px;
	width: 100%;
}

/* Clearfix style clearing */
.create-idea-form .element-wrap:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.create-idea-form .element-wrap{display:inline-block}
* html .create-idea-form .element-wrap{height:1%}
.create-idea-form .element-wrap{display:block}

.create-idea-form .element-wrap {
	max-width: 900px;
	margin: 20px 0;
	width: 100%;
}

.create-idea-form .aui-fieldset .aui-field-content,
.create-idea-form .aui-field-wrapper-content {
	margin: 0;
}


.create-idea-form .element-field-wrap,
.create-idea-form .element-field-help,
.create-idea-form label,
.create-idea-form .element-field {
	display: block;
	float: left;
}

/* Outer */
.create-idea-form .element-field-wrap { width: 69.9%; }
.create-idea-form .element-field-help { width: 29.9%; }

/* Inner */
.create-idea-form label { width: 24.9%; }
.create-idea-form .element-field { width: 74.9%; }


.create-idea-form label span {
	color: #555;
	display: inline-block;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}

.ie7 .create-idea-form label span {
	display: inline;
}

/* Needs ie7 fix */
.create-idea-form .aui-field input[type="text"],
.create-idea-form .aui-field textarea,
.create-idea-form .aui-field select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	display: block;
	margin: 0 5%;
	width: 90%;
}

.create-idea-form .aui-field textarea {
	min-height: 100px;
}

.create-idea-form .element-has-errors .aui-field input[type="text"],
.create-idea-form .element-has-errors .aui-field textarea,
.create-idea-form .element-has-errors .aui-field select {
	border-color: #f00;
}

.create-idea span.element-mandatory {
	color: #af2222;
	font-size: 1.2em;
	font-weight: bold;
}

.create-idea span.element-mandatory span {
	font-size: 0;
	text-indent: -9999em;
}

.create-idea-form .aui-button-holder {
	text-align: center;
}

.create-idea-form .rp-button input[type="submit"] {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	float: none;
	font-size: 1.4em;
	padding: 15px 20px;
}

.ie7 .create-idea-form .rp-button input[type="submit"] {
	display: inline;
}



/*----------------------------------------------------------------------
=Articles
----------------------------------------------------------------------*/

/*------- All articles -------*/

.journal-content-article {}

/*------- All articles -------*/

.portlet-borderless-container .journal-content-article {
	margin-bottom: 15px;
}

/*------- News Box -------*/

.news-box-wrap {
	background: #fff;
	border: 1px solid #cad5de;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 1px 4px 0px #cccccc;
	-webkit-box-shadow: 0px 1px 4px 0px #cccccc;
	box-shadow: 0px 1px 4px 0px #cccccc;	
	margin: 0 0 15px 0;
	padding: 6px;
	position: relative;
}

.news-box {
	position: relative;
}

.news-box a,
.news-box a:link,
.news-box a:hover {
	text-decoration: none;	
}

.news-box a.news-box-link {
	background: #fff;
	cursor: pointer;
	display: block;
	height: 220px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.news-box .news-box-link-content {
	padding: 10px;
}


.news-box-image-wrap {
	float: left;
	width: 30%;
}

.news-box a h1 {
	color: #2c6fa7;
	font-size: 26px;
	margin: 5px 0;
	padding: 0;
}

.news-box-description-wrap {
	background: url(../images/bg/bg_fff.gif) repeat 0 0;
	float: right;
	width: 69%;
}

.news-box a h2 {
	color: #555;
	font-size: 18px;
	margin: 5px 0;
	padding: 0;
}

.news-box .span-btn {
	background: #317cbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	display: block;
	float: right;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
	padding: 10px 15px;
	margin: 0;
	position: relative;
}

.news-box-js .aui-carousel {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
}

.news-box-js .aui-carousel-item {
	opacity: 0;
}

.news-box .aui-carousel menu {
    background: #2c6fa7;
    bottom: 0px;
    margin: 0;
    padding: 3px;
    position: absolute;
    right: 0px;
	width: 100%;
    z-index: 4;
}

.news-box-js .aui-carousel-menu-item {
	border: 1px solid transparent;
}

.news-box-js .aui-carousel-menu-active {
	border: 1px solid #474A4B;
}

.news-box-js .aui-carousel-menu-pause,
.news-box-js .aui-carousel-menu-play,
.news-box-js .aui-carousel-menu-prev,
.news-box-js .aui-carousel-menu-next {
	/*display: none;*/
}


.news-box-menu-wrap {
	background: #2c6fa7;
	padding: 10px;
}

ul.news-box-menu {
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.news-box-menu li {
	background: #80a9ca;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;	
	float: left;
	font-size: 0;
	height: 10px;
	width: 10px;
	list-style-type: none;
	margin: 0 3px;
	padding: 0;
	position: relative;
	text-indent: -9999em;
}

ul.news-box-menu li.aui-carousel-menu-active {
	background: #fff;
}

.news-box-menu .aui-carousel-menu-pause,
.news-box-menu .aui-carousel-menu-prev,
.news-box-menu .aui-carousel-menu-next {
	display: none;
}

/*------- Recent blog entries -------*/

.recent-blog-entries > .hd span {
	background: transparent url(../images/icons/module-icons-sprite.png) 0 0 no-repeat;
	display: block;
	padding: 3px 0 3px 36px;
}


/*------- FAQ -------*/

.faq-wrap {}

.faq-section {   
	margin: 10px 0;
}
    
.faq-section h2 {
	font-size: 1.6em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
    
.faq-section ul {
	list-style: none;
	margin: 10px 0;
	padding: 0 0 0 10px;
}
.faq-section ul li {
	margin: 5px 0 0 0;
}

.faq-question:hover,
.faq-question.hover {
	cursor: pointer;
	text-decoration: underline;
}

.faq-question.active {
	font-weight: bold;	
}

.faq-question .faq-answer {
	background: #efefef;
	border: 1px dashed #ddd;
	margin: 2px 0 0 0;
	padding: 10px;
}

.faq-question .faq-answer p:last-child {
	margin-bottom: 0;
}

.js .faq-wrap-not-active .faq-answer {
	display: none;
}

/*------- Puff Box -------*/

.puff-box {
	background: url(../images/articles/box-shadow-24.png) bottom center no-repeat;
	padding: 0 0 14px 0;
	position: relative;
	margin: 0;	
}

.puff-box-inner {
	background: #eef5fa;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	margin: 0;
	padding: 20px;
	position: relative;
}

.puff-box h2 {
	color: #327cb4;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-align: center;
}

.puff-box .puff-box-content {
	margin-bottom: 10px;
}

.puff-box .puff-box-content p {
	font-size: 1.2em;
	line-height: 1.5;
}

.puff-box .puff-box-link-wrap {
	margin: 0 auto;
	text-align: center;	
}

.puff-box .puff-box-link-wrap a {
	background: #2f6ea1 url(../images/articles/puff-box-link-sprite.png) 0 0 repeat-x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	color: #fff;
	display: inline-block;
	font-family: Ubuntu, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.4em;
	padding: 10px 15px;
	text-decoration: none;	
}

.puff-box .puff-box-link-wrap a:hover {
	background-color: #3685c2;
	background-position: 0 -100px;
	text-decoration: none;
}

.ie7 .puff-box .puff-box-link-wrap a {
	display: inline;
	zoom: 1;
}

/*- Puff Box Alternative 2 (green) -*/

.puff-box-alt2 .puff-box-inner {
	background: #f0faeb;
}

.puff-box-alt2 h2 {
	color: #456c29;
}

.puff-box-alt2 .puff-box-link-wrap a {
	background-color: #548332;
	background-position: 0 -200px;
	color: #fff;
}

.puff-box-alt2 .puff-box-link-wrap a:hover {
	background-color: #5b8b38;
	background-position: 0 -300px;
	
}

/*- Puff Box Alternative 2 (yellow) -*/

.puff-box-alt3 .puff-box-inner {
	background: #fef6db;
}

.puff-box-alt3 h2 {
	color: #af8602;
}

.puff-box-alt3 .puff-box-link-wrap a {
	background-color: #d7a702;
	background-position: 0 -400px;


	color: #5e4a11;
}

.puff-box-alt3 .puff-box-link-wrap a:hover {
	background-color: #e2b002;
	background-position: 0 -500px;
}



/*------- Banner -------*/
/* Should be renamed */

.banner-communicate {
	background: #3073a7 url(../images/bg/banner-communicate-bg.png) top left repeat-x;
	border: 1px solid #265a84;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
	color: #fff;
	padding: 40px;
}

.banner-communicate-anim .banner-communicate-view {
	display: none;
}

.banner-communicate-layout {}

/* Clearfix style clearing */
.banner-communicate-layout:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.banner-communicate-layout{display:inline-block}
* html .banner-communicate-layout{height:1%}
.banner-communicate-layout{display:block}

.banner-communicate-column {
}

.banner-communicate-column-1 {
	float: left;
	width: 59.9%;
}

.banner-communicate-column-2 {
	float: right;
	width: 39.9%;
}

.banner-communicate-column-content {
	padding: 0 30px;
}

.banner-communicate-column-1 .banner-communicate-column-content {
	padding-left: 0;
}

.banner-communicate-column-2 .banner-communicate-column-content {
	padding-right: 0;
}

.banner-communicate h1 {
	border-bottom: 1px solid #3072a7;
	font-size: 2.5em;
	padding: 0;
	margin: 0 0 10px 0;
	
}

.banner-communicate h1 span {
	border-bottom: 1px solid #5696c6;
	
	color: #fff;
	display: block;
	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	
	margin: 0;
	padding: 0 10px 10px 10px;
}

.banner-communicate h1 span,
.banner-communicate .intro,
.banner-communicate p {
	text-shadow: 1px 1px 1px #1a3e5c;
}

.ie .banner-communicate h1 span,
.ie .banner-communicate .intro,
.ie .banner-communicate p {
	filter: dropshadow(color=#1a3e5c, offx=1, offy=1);
}

.banner-communicate .intro {
	color: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 1.8em;
}

.banner-communicate p {
	color: #fff;
	font-size: 1.2em;
}

.banner-communicate .action-link {
	color: #fff;
	text-decoration: none;
}

.banner-communicate .action-link:hover {
	text-decoration: underline;
}

.banner-communicate .action-link-button {
	background: #2f6ea1 url(../images/buttons/banner-communicate-button.png) top left repeat-x;
	border: 1px solid #29699e;
	border-bottom-color: #245780;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	color: #fff;
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	text-decoration: none;
}

.banner-communicate .action-link-button span {
	background: transparent url(../images/icons/icon-play.png) left center no-repeat;
	display: block;
	font-size: 1.4em;
	line-height: 25px;
	min-height: 25px;
	padding: 5px 0 5px 32px;
}

.banner-communicate .action-link-button:hover {
	border: 1px solid #245780;
	text-decoration: none;
}

.banner-communicate .action-link-button:hover,
.banner-communicate .action-link-button:hover span {
	cursor: pointer;
}

.banner-communicate .back-link-wrap {
	height: 30px;
	margin: 0;
	padding: 0;
	text-align: left;
}

/*------- Person Cards -------*/

ul.persons-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.persons-list li {
	display: -moz-inline-stack;
	display: inline-block;
	list-style: none;
	margin: 0;
	min-width: 230px;
	padding: 0;
	vertical-align: top;
	width: 100%;
}

.ie7 ul.persons-list li {
	display: inline;
	zoom: 1;
}

ul.persons-list .person {
	margin: 0 10px 0 0;
	padding-bottom: 15px;
}

.person .person-inner {
	border: 1px solid #ddd;
}

.person-image-ctn {
	float: left;
	width: 120px;
}

.person-image {
	background: #eee;
	overflow: hidden;
}

.person-image img {
	border: 0;
	vertical-align: top;
	width: 100%;
}

.person .person-info-ctn {
	margin-left: 120px;
}

.person .person-info {
	padding: 20px;
}

.person h3 {
	color: #222;
	font-size: 1.2em;
	margin: 0 0 0.3em 0;
}

.person p {
	font-size: 1.0em;
	line-height: 1.2;
	margin: 5px 0;
	padding: 0;
}

/*----------------------------------------------------------------------
=Debugging
----------------------------------------------------------------------*/

/*------- YUI Console -------*/

.yui3-separate-console{position:absolute;right:1em;top:1em;z-index:999;}

.yui3-inline-console{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;vertical-align:top;}

.yui3-inline-console 
.aui-console-content{position:relative;}

.aui-console-content{background:#777;_background:#D8D8DA url(../images/console/bg.png) repeat-x 0 0;font:normal 13px/1.3 Arial,sans-serif;text-align:left;border:1px solid #777;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}

.aui-console-hd,

.aui-console-bd,

.aui-console-ft{position:relative;}

.aui-console-hd,

.aui-console-controls{text-align:right;}

.aui-console-hd{background:#D8D8DA url(../images/console/bg.png) repeat-x 0 0;padding:1ex;border:1px solid transparent;_border:0 none;border-top-right-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;}

.aui-console-bd{background:#fff;border-top:1px solid #777;border-bottom:1px solid #777;color:#000;font-size:11px;overflow:auto;overflow-x:auto;overflow-y:scroll;_width:100%;}

.aui-console-ft{background:#D8D8DA url(../images/console/bg.png) repeat-x 0 0;border:1px solid transparent;_border:0 none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;}

.aui-console-controls{padding:4px 1ex;zoom:1;}

.aui-console-title{color:#000;display:inline;float:left;font-weight:bold;font-size:13px;height:24px;line-height:24px;margin:0;padding-left:1ex;}

.aui-console-pause-label{float:left;}

.aui-console-button{line-height:1.3;}

.aui-console-collapsed 
.aui-console-bd,

.aui-console-collapsed 
.aui-console-ft{display:none;}

.aui-console-content
.aui-console-collapsed{-webkit-border-radius:0;}

.aui-console-collapsed 
.aui-console-hd{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:0;}

.aui-console-entry{border-bottom:1px solid #aaa;min-height:32px;_height:32px;}

.aui-console-entry-meta{margin:0;overflow:hidden;}

.aui-console-entry-content{margin:0;padding:0 1ex;white-space:pre-wrap;word-wrap:break-word;}

.aui-console-entry-meta 
.aui-console-entry-src{color:#000;font-style:italic;font-weight:bold;float:right;margin:2px 5px 0 0;}

.aui-console-entry-meta 
.aui-console-entry-time{color:#777;padding-left:1ex;}

.aui-console-entry-warn 
.aui-console-entry-meta 
.aui-console-entry-time{color:#555;}

.aui-console-entry-info 
.aui-console-entry-meta 
.aui-console-entry-cat,

.aui-console-entry-warn 
.aui-console-entry-meta 
.aui-console-entry-cat,

.aui-console-entry-error 
.aui-console-entry-meta 
.aui-console-entry-cat{display:none;}

.aui-console-entry-warn{background:#aee url(../images/console/warn_error.png) no-repeat -15px 15px;}

.aui-console-entry-error{background:#ffa url(../images/console/warn_error.png) no-repeat 5px -24px;color:#900;}

.aui-console-entry-warn 
.aui-console-entry-content,

.aui-console-entry-error 
.aui-console-entry-content{padding-left:24px;}

.aui-console-entry-cat{text-transform:uppercase;padding:1px 4px;background-color:#ccc;}

.aui-console-entry-info 
.aui-console-entry-cat{background-color:#ac2;}

.aui-console-entry-warn 
.aui-console-entry-cat{background-color:#e81;}

.aui-console-entry-error 
.aui-console-entry-cat{background-color:#b00;color:#fff;}

.aui-console-hidden{display:none;}

/* Position the console so that it does not hide the sidebar */
.yui3-separate-console{
	right: 400px;
	top: 100px;
}


/*----------------------------------------------------------------------
=Sandbox
----------------------------------------------------------------------*/

/*------- RP button -------*/

.rp-button input[type="submit"],
.rp-button input[type="cancel"],
.rp-button input[type="button"] {
	background: #c7c6c5;
	background: #bebdbc url(../images/buttons/button-bg.png) 0 0 repeat-x;
	border: 1px solid #a5a4a3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.0;
	margin-right: 10px;
	padding: 7px 20px;
	position: relative;
	text-align: center;
	text-shadow: none;
}

.rp-button input[type="submit"] {
	background: #2865ad url(../images/buttons/button-bg-normal.png) 0 0 repeat-x;
	border: 1px solid #2f71a8;
	border-color: #2f71a8 #052a73 #052a73 #2f71a8;
	color: #fff;  
}

a.rp-link-button {
	background: #c7c6c5;
	background: #bebdbc url(../images/buttons/button-bg.png) 0 0 repeat-x;
	border: 1px solid #a5a4a3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.0;
	margin-right: 10px;
	padding: 7px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: none;	
}

a.rp-link-button-alt {
	background: #2865ad url(../images/buttons/button-bg-normal.png) 0 0 repeat-x;
	border: 1px solid #2f71a8;
	border-color: #2f71a8 #052a73 #052a73 #2f71a8;
	color: #fff;  
}

/*------- RP simple list -------*/

ul.rp-simple-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.rp-simple-list li {
	background: transparent url(../images/icons/icon-arrow.png) left center no-repeat;
	margin: 10px 0;
	padding: 4px 0 4px 20px;
}

ul.rp-simple-list li a {
	font-size: 1.1em;
	line-height: 1.1;
	text-decoration: none;
}


/*------- Innovationsslussen -------*/


/*------- Banner Box -------*/


.banner-box {
	background: url(../images/carousel/carousel-shadow-24.png) bottom center no-repeat;
	overflow: hidden;
	padding: 0 0 27px 0;
	position: relative;
	margin: 0;
	zoom: 1;
}

.banner-box .banner-box-content {
	height: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.banner-box .banner-box-content .aui-carousel-item {
	border: 1px solid #d5e3ee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	margin: 0;
}

.banner-box .banner-box-content a.banner-box-link {
	display: block;
}

.banner-box .banner-box-link img {
	display: block;
	width: 100%;
}

.banner-box-js {
}

.banner-box-js .aui-carousel {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	z-index: 2;	
}

.banner-box-js .aui-carousel .banner-box-content {
	padding: 0;
	position: static;
}



.banner-box-menu-wrap {
	background: transparent url(../images/carousel/carousel-pagination-24.png) top center no-repeat;
	bottom: 27px;
	left: 50%;
	margin-left: -100px;
	position: absolute;
	width: 200px;
	z-index: 2;	
}

ul.banner-box-menu {
	list-style: none;
	margin: 0;
	padding: 5px 35px 5px 35px;
}

ul.banner-box-menu li {
	background: #fff;
	border: 1px solid #327ab2;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	display: block;
	float: left;
	font-size: 0;
	text-indent: -9999em;
	height: 12px;
	width: 12px;	
}

ul.banner-box-menu li.aui-carousel-menu-active {
	background: #327ab2;
}

ul.banner-box-menu li.play,
ul.banner-box-menu li.pause,
ul.banner-box-menu li.prev,
ul.banner-box-menu li.next {
	display: none;    
}